var currentCid = 1; // 当前分类 id
var cur_page = 1; // 当前页
var total_page = 1;  // 总页数
var data_querying = false;   // 是否正在向后台获取数据,false:表示此时没有用户在请求数据


$(function () {

    //首次进入,请求新闻列表数据,若不请求则由于updateNewsData()会先清空原有数据而导致不显示数据
    updateNewsData();

    // 首页分类切换,保证切换时分页参数重置
    $('.menu li').click(function () {
        var clickCid = $(this).attr('data-cid');
        $('.menu li').each(function () {
            $(this).removeClass('active')
        });
        $(this).addClass('active');

        if (clickCid != currentCid) {
            // 记录当前分类id
            currentCid = clickCid;

            // 重置分页参数
            cur_page = 1;
            total_page = 1;
            updateNewsData()
        }
    });

    //页面滚动加载相关
    $(window).scroll(function () {

        // 浏览器窗口高度
        var showHeight = $(window).height();

        // 整个网页的高度
        var pageHeight = $(document).height();

        // 页面可以滚动的距离
        var canScrollHeight = pageHeight - showHeight;

        // 页面滚动了多少,这个是随着页面滚动实时变化的
        var nowScroll = $(document).scrollTop();
        // 当页面滚动拉到离最下面一定距离时,实现自动加载
        if ((canScrollHeight - nowScroll) < 100) {
            // TODO 判断页数，去更新新闻数据
            if(!data_querying){
                console.log('来了嘛');
                //当前页码小于总页数才去加载数据
                if(cur_page <= total_page){
                    //设置标识符为true,表示正在加载数据
                    data_querying = true;
                    //加载下一页新闻列表数据
                    updateNewsData();
                }else{
                    data_querying = false;
                }

            }
        }
    })
});

function updateNewsData() {
    // TODO 更新新闻数据
    var params = {
        "page":1,
        "cid":currentCid,
        "per_page":10
    };
    // 这里$.get表示ajax的语法:$.get(URL,data,function(data,status,xhr),dataType)
    //$.get()方法使用HTTP GET请求从服务器加载数据
    $.get('/newslist',params,function(resp){
        if(resp){
            //记录总页数
            total_page = resp.totalPage;
            //如果当前页数为1,则清空原有数据
            if(cur_page == 1){
                $(".list_con").html("")
            }
            //设置标识符为false,下次下拉加载更多的时候才能进入if判断(指的是页面滚动加载相关中的if判断),才能加载更多数据
            data_querying = false;
            //当前页数递增
            cur_page += 1;
            // 显示数据:新闻图片,新闻标题,新闻摘要
            for(var i=0;i<resp.newsList.length;i++){
                var news = resp.newsList[i];
                var content = '<li>';
                content += '<a href="/news/'+news.id+'" class="news_pic fl"><img src="' + news.index_image_url + '?imageView2/1/w/170/h/170"></a>';
                content += '<a href="/news/'+news.id+'" class="news_title fl">' + news.title + '</a>';
                content += '<a href="/news/'+news.id+'" class="news_detail fl">' + news.digest + '</a>';
                content += '<div class="author_info fl">';
                content += '<div class="source fl">来源：' + news.source + '</div>';
                content += '<div class="time fl">' + news.create_time + '</div>';
                content += '</div>';
                content += '</li>';
                // 向<ul></ul>中加入数据
                $(".list_con").append(content)
            }
        }
    })
}
